$(function(){

    //最新 最热切换
$('.li').click(function(){
    $(this).addClass('com').siblings().removeClass('com');
    var index = $(this).index();
    $('.box_1').eq(index).show().siblings().hide();
})

//最新
window.onload = function(){
    $.ajax({
        url:'http://localhost:3000/play/new',
        type:'get',
        success(res){
            var mor = '';
            $.each(res,function(num){
                $.each(res[num],function(mou){
                    mor += `<div class="box_2">
                    <img src="${res[num][mou].img}">
                    <p>${res[num][mou].text}
                        <br>
                        <span>${res[num][mou].description}</span>
                    </p>
                    <div class="box_3">
                        <span>${res[num][mou].price}</span>
                        <span class="box_4">
                            <img src="./img/reply.png" alt="">
                            ${res[num][mou].like}
                        </span>
                        <span class="box_5">
                            <img src="./img/xin.png" alt="">
                            ${res[num][mou].words}
                        </span>
                    </div>
                </div>`
                })
                $('.box_1').eq(0).html(mor);
                })
                // console.log(res[num][0].img);
        }
    })
    // 最新加载更多
    $('.one1').click(function(){
        $('.box_1').eq(0).css("height","auto")
        $(this).text('加载完毕~~~~')
    })
    $('.li').eq(0).click(function(){
        $('.one1').show();
        $('.one2').hide();
    })
}

  // 最热
  $('.li').eq(1).click(function(){
    $('.one2').show();
    $('.one1').hide();

    $.ajax({
        url:'http://localhost:3000/play/hot',
        type:'get',
        success(res){
            var mor = '';
            $.each(res,function(num){
                $.each(res[num],function(mou){
                    mor += `<div class="box_2">
                    <img src="${res[num][mou].img}">
                    <p>${res[num][mou].text}
                        <br>
                        <span>${res[num][mou].description}</span>
                    </p>
                    <div class="box_3">
                        <span>${res[num][mou].price}</span>
                        <span class="box_4">
                            <img src="./img/reply.png" alt="">
                            ${res[num][mou].like}
                        </span>
                        <span class="box_5">
                            <img src="./img/xin.png" alt="">
                            ${res[num][mou].words}
                        </span>
                    </div>
                </div>`
                })
                $('.box_1').eq(1).html(mor);
                })
                // console.log(res[num][0].img);
        }
    })
    // 最新加载更多
    $('.one2').click(function(){
        $('.box_1').eq(1).css("height","auto")
        $(this).text('加载完毕~~~~')
    })
  })

})